$(function(){
    // 用户名不能为空和格式验证
    $("#username").blur(function(){
        // 用户名只能由数字和字母组成，6-10位
        var reg = /^[a-zA-Z][a-zA-Z0-9]{6,15}$/;
        var res = reg.test( $(this).val()  );  //返回false，代表不符合
        if(!$(this).val()){
            $(this).next().html("用户名不能为空")
            return false;
        }else if(!res){
            $(this).next().html("用户名只能由字母和数字组成，且字母开头，6-15位")
            return false;
        }
    })
    // 密码不能为空和格式验证
    $("#password").blur(function(){
        // 用户名只能由数字和字母组成，6-10位
        var reg = /^[a-zA-Z0-9]{6,10}$/;
        var res = reg.test( $(this).val()  );  //返回false，代表不符合
        // 密码只能由数字和字母组成，6-10位
        var reg = /^[a-zA-Z0-9]{6,10}$/;
        var res = reg.test( $(this).val()  );  //返回false，代表不符合
        if(!$(this).val()){
            $(this).next().html("密码不能为空")
        }else if(!res){
            $(this).next().html("密码只能由数字和字母组成，6-10位")
            return false;
        }
    })
    // 确认密码不能为空和是否相等
    $("#pwdtwo").blur(function(){
        if(!$(this).val()){
            $(this).next().html("确认密码不能为空");
            return false;
        }else if($(this).val() != $("#password").val() ){
            $(this).next().html("两次输入的密码不一致");
            return false;
        }
    })
    // 邮箱不能为空和格式验证
    $("#email").blur(function(){
        //正则验证
        var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
        var res = reg.test( $(this).val()  );  //返回false，代表不符合
        if(!$(this).val()){
            $(this).next().html("邮箱不能为空")
            return false;
        }else if(!res){
            $(this).next().html("邮箱格式不正确，输入正确的邮箱格式")
            return false;
        }

    })
    // 手机不能为空和格式验证
    $("#tel").blur(function(){
        var reg = /^1[34578]\d{9}$/;
        var res = reg.test( $(this).val() )
        if(!$(this).val()){
            $(this).next().html("电话不能为空");
            return false;
        }else if(!res){
            $(this).next().html("手机号码格式不正确，输入正确的邮箱格式")
            return false;
        }
    })

    // 输入框获取焦点的时候，清除对应点得旁边的文本
    $(".column input").focus(function(){
        $(this).next().html("")
    })


    // 提交按钮，验证是否有没有未输入的
    $("#submit").click(function(){

        if( $("#username").val() =="" ||   $("#password").val()=="" ||  $("#pwdtwo").val()=="" || $("#email").val()=="" || $("#tel").val() == ""){
            alert("请填写完信息");
            return false;
        }

    })

    //注册协议
    $(".deal p").click(function() {
        $(".deal p label").toggleClass("active");
    })


})
